<%- include('../sidebar.html') %>

<div id="content">
  <div class="panel">
    <div class="header">
      <ul class="breadcrumb">
        <li><a href="/">主页</a><span class="divider">/</span></li>
        <% if (typeof user === 'undefined') { %>
          <li class="active">通知</li>
        <% } %>
      </ul>
    </div>
    <% if (typeof user !== 'undefined') { %>
      <div class="inner userinfo">
        <div class="user_big_avatar">
          <img src="<%= helper.proxy(user.avatar_url) %>" class="user_avatar" title="<%= user.loginname %>">
        </div>
        <a class="dark"><%= user.loginname %></a>
        <div class="user_profile">
          <ul class="unstyled">
            <span class="big"><%= user.score %></span> 积分
            <% if (user.collect_topic_count) {%>
            <li>
              <a class='dark' href="/user/<%= user.loginname %>/collections">
                <span class='big collect-topic-count'><%= user.collect_topic_count %></span>个话题收藏
              </a>
            </li>
            <%}%>
            <% if (user.url) { %>
            <li>
              <i class="fa fa-lg fa-fw fa-home"></i>
              <a class='dark' href="<%= user.url %>" target='_blank'><%= user.url %></a>
            </li>
            <% } %>
            <% if (user.location) { %>
            <li>
              <i class="fa fa-lg fa-fw fa-map-marker"></i>
              <span class='dark'><%= user.location %></span>
            </li>
            <% } %>
            <% if (user.githubUsername) { %>
            <li>
              <i class="fa fa-lg fa-fw fa-github"></i>
              <a class='dark' href="https://github.com/<%= user.githubUsername %>" target='_blank'>
                @<%= user.githubUsername %>
              </a>
            </li>
            <% } %>
            <% if (user.weibo) { %>
            <li>
              <i class="fa fa-lg fa-fw fa-twitter"></i>
              <a class='dark' href="<%= user.weibo %>" target='_blank'><%= user.weibo %></a>
            </li>
            <% } %>
          </ul>
        </div>
        <p class="col_fade">注册时间 <%= helper.ago(user.create_at) %></p>
        <% if (current_user && current_user.is_admin) { %>
          <% if (!user.is_star) { %>
          <span class='span-common' id='set_star_btn' action='set_star'>设为达人</span>
          <% } else { %>
          <span class='span-common' id='set_star_btn' action='cancel_star'>取消达人</span>
          <% } %>

          <% if (!user.is_block) { %>
          <span class='span-common' id='set_block_btn' action='set_block'>屏蔽用户</span>
          <% } else { %>
          <span class='span-common' id='set_block_btn' action='cancel_block'>取消屏蔽用户</span>
          <% } %>

          <span class="span-common" id="delete_all">删除所有发言</span><br/><br/>

          Email (Seen by Administrator): <a href="mailto:<%= user.email %>"><%= user.email %></a>

          <% if (!user.active) { %>
          <a href="/active_account?key=<%- typeof token !== 'undefined' && token %>&name=<%= user.loginname %>"
             target="_blank">
            <span class="span-common">
              激活账号
            </span>
          </a>
          <% } %>
        <% } %>
      </div>
    <% } %>
  </div>
  <% if (typeof user !== 'undefined') { %>
  <div class="panel">
    <div class="header">
      <span class="col_fade">最近创建的话题</span>
    </div>
    <% if (typeof recent_topics !== 'undefined' && recent_topics.length > 0) { %>
      <% recent_topics.map((topic, index) => { %>
        <%- include('../topic/abstract.html', { topic }) %>
      <%}) %>
      <div class='cell more'>
        <a class='dark' href="/user/<%= user.loginname %>/topics">查看更多»</a>
      </div>
    <% } else { %>
      <div class='inner'>
        <p>无话题</p>
      </div>
    <% } %>
  </div>
  <div class="panel">
    <div class="header">
      <span class="col_fade">最近参与的话题</span>
    </div>
    <% if (typeof recent_replies !== 'undefined' && recent_replies.length > 0) { %>
      <% recent_replies.map((topic, index) => { %>
        <%- include('../topic/abstract.html', { topic }) %>
      <%}) %>
      <div class='cell more'>
        <a class='dark' href="/user/<%= user.loginname %>/replies">查看更多»</a>
      </div>
    <% } else { %>
      <div class='inner'>
        <p>无话题</p>
      </div>
    <% } %>
  </div>
  <% } %>
</div>

<% if (current_user) { %>
<script>
  $(document).ready(function () {
    $('#set_star_btn').click(function () {
      var $me = $(this);
      var action = $me.attr('action');
      var params = {
        user_id: '<%= user._id %>',
        _csrf: '<%- csrf %>'
      };
      $.post('/user/' + action, params, function (data) {
        if (data.status === 'success') {
          if (action === 'set_star') {
            $me.html('取消达人');
            $me.attr('action', 'cancel_star');
          } else {
            $me.html('设为达人');
            $me.attr('action', 'set_star');
          }
        }
      }, 'json');
    });
    $('#set_block_btn').click(function () {
      var $me = $(this);
      var action = $me.attr('action');
      var params = {
        _csrf: '<%- csrf %>',
        action: action
      };
      if (action === 'set_block' && !confirm('确定要屏蔽该用户吗？')) {
        return;
      }
      $.post('/user/<%- user.loginname %>/block', params, function (data) {
        if (data.status === 'success') {
          if (action === 'set_block') {
            $me.html('取消屏蔽用户');
            $me.attr('action', 'cancel_block');
          } else if (action === 'cancel_block') {
            $me.html('屏蔽用户');
            $me.attr('action', 'set_block');
          }
        }
      }, 'json');
    })
    $('#delete_all').click(function () {
      var $me = $(this);
      var params = {
        _csrf: '<%- csrf %>',
      };
      if (!confirm('确定要删除吗？（不会永久删除，只做标记位）')) {
        return;
      }
      $.post('/user/<%- user.loginname %>/delete_all', params, function (data) {
        if (data.status === 'success') {
          alert('操作成功');
        }
      }, 'json');
    })
  });
</script>
<% } %>
